<script lang="ts" setup>
import { onMounted, reactive, ref } from 'vue'
import era from '../../api/era'
import { useEraStore } from '../../store/era'
const eraStore = useEraStore()
onMounted(async() => {
    await era.getAllEra().then(res=>{
       eraStore.options = res.data.data
       console.log(eraStore.options)
    })
})
</script>
<template>
    <div class="flex flex-wrap gap-4 items-center">
        <el-select v-model="eraStore.value" placeholder="勾选年代" size="large"  clearable>
            <el-option v-for="item in eraStore.options" :key="item.value" :label="item.label" :value="item.value" />
        </el-select>
    </div>
</template>